<template>
  <div id="footer-bar">
    <div class="footer-bar-links">
      <div class="footer-bar-left">
        <div id="footer-bar-tips">
          <div class="copyright">
            ©2024 By
            <a
              class="footer-bar-link"
              href="https://blog.hoshinagi.top"
              target="_blank"
              >星凪</a
            >
          </div>
        </div>
      </div>
      <div class="footer-bar-right">
        <a
          class="footer-bar-link"
          href="https://beian.miit.gov.cn/#/Integrated/index"
          title="备案号"
          target="_blank"
          >赣ICP备2024020577号-1</a
        >
        <!-- <a
            class="footer-bar-link cc"
            href="/cc/"
            title="cc协议"
            data-pjax-state=""
            ><i class="xingzhifont icon-copyright-line"></i
            ><i class="xingzhifont icon-creative-commons-by-line"></i
            ><i class="xingzhifont icon-creative-commons-nc-line"></i
            ><i class="xingzhifont icon-creative-commons-nd-line"> </i
          ></a> -->
      </div>
    </div>
  </div>
</template>

<script setup lang="ts"></script>

<style scoped>
#footer-bar {
  width: 100%;
  padding: 1rem;
  color: var(--xingzhi-muted-2-color);
  margin-top: 1rem;
  background: var(--xz-secondbg);
  display: flex;
  overflow: hidden;
  z-index: 1002;
  transition: 0.3s;
}

#footer-bar .footer-bar-links {
  display: flex;
  justify-content: space-between;
  max-width: 1400px;
  width: 100%;
  margin: 0 auto;
  flex-wrap: wrap;
  align-items: center;
  line-height: 1;
}

#footer-bar .footer-bar-left {
  display: flex;
  flex-wrap: wrap;
  min-height: 32px;
  align-items: center;
}

#footer-bar .footer-bar-link {
  margin-top: 8px;
  margin-bottom: 8px;
  margin-right: 1rem;
  font-size: 0.8rem;
  font-weight: 700;
  white-space: nowrap;
}

.footer-bar-right {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
}

#footer-bar .footer-bar-link {
  margin-top: 8px;
  margin-bottom: 8px;
  margin-right: 1rem;
  color: var(--xingzhi-muted-3-color);
  font-size: 0.8rem;
  font-weight: 700;
  white-space: nowrap;
}

#footer-bar .footer-bar-link:hover {
  color: var(--xz-theme);
}
</style>
